<template>
	<!-- 小标题 -->
	<view class="w-100%;" style="z-index: 101;">
		<view :class="{'flex-left': !closeicon , 'flex-space-between': closeicon}">
			<view class="h-88rpx flex-left">
				<view class="w-4rpx h-24rpx ml-32rpx mr-8rpx" style="background-color: #2F7BFF;"></view>
				<view class="text">{{ titleText }}</view>
			</view>
			<view v-if="closeicon">
				<image class="w-56rpx h-56rpx mr-24rpx" src="@/static/firstExamine/close_icon.png" mode=""
					@click="close"></image>
			</view>
		</view>
		<view class="w-100% h-1rpx" style="background-color: #EEEEEE;"></view>
	</view>
</template>

<script lang="ts" setup>
	import { defineProps, toRefs } from 'vue'
	const props = defineProps({
		titleText: String,
		closeicon: Boolean
	})
	const titleText = toRefs(props).titleText
	const closeicon = toRefs(props).closeicon
	const emit = defineEmits(['closeover']);
	function close() {
		emit('closeover');
	}
</script>

<style scoped>
	.text {
		font-size: 28rpx;
		font-family: PingFangSC-Semibold, PingFang SC;
		font-weight: 600;
		color: #1E1F22;
	}

</style>